<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>活动详情</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="css/iconfont.css"/>
    <style>
    .mui-content-padded{
	margin: 0 !important;
	width: 100%;
	overflow: hidden;
	/*height: 150px;*/
	}
	.mui-content-padded img{
		width: 100%;
	}
	.mui-media-body{
		padding:10px;
	}
	
    </style>
</head>
<body>
	<header  class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">活动详情</h1>
	</header>
	<nav class="mui-bar mui-bar-tab">
		<a id="defaultTab" class="mui-tab-item mui-active" href="tab-webview-subpage-about.html">
			<span class="mui-icon iconfont icon-iconfontfavor"></span>
			<span class="mui-tab-label">收藏</span>
		</a>
		<a class="mui-tab-item" href="tab-webview-subpage-chat.html">
			<span class="mui-icon iconfont icon-lijishenqingxingjia"></span>
			<span class="mui-tab-label">进入会议</span>
		</a>
	</nav>
	<div class="mui-content">
	    <div class="mui-content-padded">				
			<img src="images/detail-1.png" />				
		</div>
		<div class="mui-media-body">
			<h4>中国科学研究会</h4>
			<hr />
			<p class='mui-ellipsis'>会议简介</p>
			<p class="mui-detail">DNF八周年在线超级豪礼活动奖励介绍 8周年在线超级豪礼活动详情。DNF即将在本周带来8周年庆典,在这次庆典中也给大家带来了丰富的活动,下面小编就给... </p>
			<p>举办日期：2016年8月8日</p>
			<p >会议地点：<p class="mui-detail">DNF八周年在线超级豪礼活动奖DNF八周年在线超级豪礼活动奖励介绍 8周年在线超级豪礼活动详情 <a class="mui-icon mui-icon-location"></a></p></p>
			
		</div>
	</div>
	<script src="js/mui.min.js"></script>
	<script type="text/javascript">
      	mui.init();
    </script>
</body>
</html>